<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
         <!-- 阿里云视频播放器样式 -->
    <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.1/skins/default/aliplayer-min.css">
    <!-- 阿里云视频播放器脚本 -->
    <script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js"></script>
</head>
<body>
    <div  class="prism-player" id="J_prismPlayer"></div>
    <script>
        var player = new Aliplayer({
            id: 'J_prismPlayer',
            width: '100%',
            autoplay: false,
            cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png',  
            //根据视频地址播放配置
            source : 'https://outin-018005800d6411ebabcd00163e1a65b6.oss-cn-shanghai.aliyuncs.com/sv/323499a8-17527a3ce78/323499a8-17527a3ce78.mp4?Expires=1603993275&OSSAccessKeyId=LTAI8bKSZ6dKjf44&Signature=m4xgGjE1tTn3LTJNG2b7uQO78O8%3D'
        },function(player){
            console.log('播放器创建好了。')
        });
    </script>
</body>
</html>